
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../static/css/bootstrap.min.css">
    <link rel="stylesheet" href="../static/css/reset.css">
    <link rel="stylesheet" href="../static/css/client.css">
    <link rel="stylesheet" href="../static/css/laydate.css">
    <script src="../static/js/laydate.js"></script>
    <title>容智车联车厢管家</title>
    <style>
        .data-lj{margin-top:5px;}
        .data-lj>span{height:30px;line-height: 30px;margin-right:5px;}
        .data-lj>input{height:30px;line-height: 30px;margin-right:10px;width:120px;box-sizing: border-box;}

    </style>
</head>
<body>
<div class="container-fluid" style="overflow-y:scroll;">
    <!--右边内容区-->
    <div class="row-fluid bg-white  pad-10 bdbox pos-re">
        <div class="p-b-10 ov-h">

            <form class="navbar-search pull-left" method="post" action="../mession/findMession">
                <div class="pull-left data-lj"><span class="pull-left">开始日期:</span><input type="text" id="test3" class="pull-left"  name="createTime" value="${createTime}"></div>
                <div class="pull-left data-lj"><span class="pull-left">结束日期:</span><input type="text" id="test4" class="pull-left"  name="endTime" value="${endTime}"></div>
                <input type="text" class="search-query" placeholder="输入搜索信息"  name="word" value="${word}"/>
                <button class="search-lence" type="Submit"></button>
            </form>
            <div class="pull-right offset4">
                <#--<button class="btn bg-color" name="addUser" id="add_info">增加</button>-->
                <a class="btn bg-color" data-toggle="modal"  href="../mession/messionExout?word=${word}" download="mession.xls" style="margin-top: 6px;">导出</a>
            </div>
            <#--<div class="pull-right offset4" >-->
                <#--<button class="btn bg-color leftBtn" name="addClient" id="add_info">增加</button>-->
            <#--</div>-->
        </div>
        <!--以上是搜索框，增加按钮组-->
        <!--以下是内容表格区-->
        <table class="table cl-b table-font">
            <thead class="four-border">
            <tr>
                <th>任务编号</th>
                <th>车牌号</th>
                <th>装载率</th>
                <th>装车开门时间</th>
                <th>装车关门时间</th>
                <th>卸车开门时间</th>
                <th>卸车关门时间</th>
                <#--<th>座机</th>-->
                <#--<th>客服服务经理</th>-->
                <#--<th style="text-align: right;padding-right: 47px;">操作</th>-->
            </tr>
            </thead>
            <tbody class="m-t-10 t-c" id="f-table">
            <#list messionList as mession>
            <tr>
                <td class="t-c port-num">
					<span class="txt-limit1" title="${mession.messionNumber!""}">${mession.messionNumber!""}</span>
				</td>
                <td class="t-c port-num">
					<span class="txt-limit1" title="${mession.carNumber!""}">${mession.carNumber!""}</span>
			</td>
                <td class="t-c port-num">
                    <span class="txt-limit1" title="${mession.rate!""}">${mession.rate!""}%</span>
                </td>
                <td class="port-name">
					<span class="txt-limit1" title="${mession.startOpenDoorTime!""}">${mession.startOpenDoorTime!""}</span>
			</td>
                <td class="port-owner">
					<span class="txt-limit1" title="${mession.startCloseDoorTime!""}">${mession.startCloseDoorTime!""}</span>
			</td>
                <td class="port-coords">
					<span class="txt-limit1" title="${mession.endOpenDoorTime!""}">${mession.endOpenDoorTime!""}</span>
			</td>
                <#--<td class="port-email"><span class="txt-limit1" title="${mession.email!""}">${user.email!""}</span></td>-->
                <td class="port-call">
					<span class="txt-limit1" title="${mession.endCloseDoorTime!""}">${mession.endCloseDoorTime!""}</span>
			</td>
            <#--<td class="port-client">
					<span class="txt-limit1" title="${mession.serverManager!""}">${user.serverManager!""}</span>
			</td>-->
                <#--<td style="text-align: right;">-->
                    <#--<button class="btn bg-color rewrite leftBtn">修改</button>-->
                    <#--<button class="btn bg-color2 rightBtn" data-toggle="modal" data-target="#myModal">删除</button>-->
                <#--</td>-->
            </tr>
            </#list>
            </tbody>
        </table>
        <!--以下是信息修改/新建信息弹出页面-->
        <div class="pos-ab wh-bfb pad-30 bdbox dis-no" id="pop_info">
            <div class="container w-lim pad-10 ov-h bdbox">
                <div class="row-fluid p-bt-10 bot-dot">
                    <div class="span3 text-right offset1">客&nbsp;&nbsp;&nbsp;户&nbsp;&nbsp;名&nbsp;&nbsp;称:</div>
                    <div class="span2">
                        <input type="text"  placeholder="输入客户名称" class="name-input"/>			                        </div>
                </div>
                <div class="row-fluid p-t-10 bot-dot">
                    <div class="span3 text-right offset1">营&nbsp;&nbsp;&nbsp;业&nbsp;&nbsp;执&nbsp;&nbsp;照:</div>
                    <div class="span3 p-b-10 pos-re">
                        <input type="text"  placeholder="上传营业执照" readonly/>
                        <input type="file" class="carpic-input pos-ab cursor-p"/>
                        <!-- <input type="text" placeholder="输入执照号码" class="licence-input"/> -->
                    </div>
                </div>
                <div class="row-fluid p-t-10 bot-dot">
                    <div class="span3 text-right offset1">公司法人代表:</div>
                    <div class="span2">
                        <input type="text" placeholder="输入法人代表名称" class="owner-input"/>
                    </div>
                </div>
                <div class="row-fluid p-bt-10 bot-dot">
                    <div class="span3 text-right offset1">公&nbsp;&nbsp;&nbsp;司&nbsp;&nbsp;地&nbsp;&nbsp;址: </div>
                    <div class="span2">
                        <input type="text" placeholder="输入公司地址（至街道）" class="coords-input"/>
                    </div>
                </div>
                <div class="row-fluid p-t-10 bot-dot">
                    <div class="span3 text-right offset1">公&nbsp;&nbsp;&nbsp;司&nbsp;&nbsp;电&nbsp;&nbsp;话:</div>
                    <div class="span2">
                        <input type="text" placeholder="例：010-111111" class="call-input"/>
                    </div>
                </div>
                <div class="row-fluid p-t-10 bot-dot">
                    <div class="span3 text-right offset1">联&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;系&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;人:</div>
                    <div class="span2">
                        <input type="text" placeholder="输入联系人姓名" class="person-input"/>
                    </div>
                </div>
                <div class="row-fluid p-t-10 bot-dot">
                    <div class="span3 text-right offset1">手&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;机:</div>
                    <div class="span2">
                        <input type="tel" placeholder="输入11位手机号" class="tel-input"/>
                    </div>
                </div>
                <div class="row-fluid p-t-10 bot-dot">
                    <div class="span3 text-right offset1">邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱:</div>
                    <div class="span2">
                        <input type="text" placeholder="例：lilang@126.com" class="email-input"/>
                    </div>
                </div>
                <div class="row-fluid p-t-10 bot-dot">
                    <div class="span3 text-right offset1">座&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;机:</div>
                    <div class="span2">
                        <input type="text" placeholder="例：010-111111" class="zuoji-input"/>
                    </div>
                </div>
                <div class="row-fluid p-t-10 bot-dot">
                    <div class="span3 text-right offset1">客户服务经理:</div>
                    <div class="span2">
                        <input type="text" placeholder="输入经理名称" class="client-input"/>
                    </div>
                </div>
            </div>
            <!--以下按钮组用于修改信息用-->
        <#--<div class="row-fluid p-t-30 dis-no p-l-48" id="txt_add">
            <button class="btn span2 bg-color offset3" id="updateClientUser">确定</button>
            <button class="btn span2 bg-color2 offset1">返回</button>
        </div>
        <!--以下按钮组用于新建信息用&ndash;&gt;
        <div class="row-fluid p-t-30 dis-no p-l-48" id="new_add">
            <button class="btn span2 bg-color offset3 leftBtn" id="addClientUser">确定</button>
            <button class="btn span2 bg-color2 offset1 rightBtn">返回</button>
        </div>-->

            <div class="w-lim2 pad-10 ov-h bdbox">
                <!--以下按钮组用于修改信息用-->
                <div class="row-fluid p-t-30 dis-no" id="txt_add">
                    <button class="btn span5 bg-color pull-left leftBtn" id="updateClientUser">确定</button>
                    <button class="btn span5 bg-color2 pull-right rightBtn">返回</button>
                </div>
                <!--以下按钮组用于新建信息用-->
                <div class="row-fluid p-t-30 dis-no" id="new_add">
                    <button class="btn span5 bg-color pull-left leftBtn" id="addClientUser">确定</button>
                    <button class="btn span5 bg-color2 pull-right rightBtn">返回</button>
                </div>
            </div>

        </div>
    </div>
</div>
</div>
<!-- 点击删除按钮时弹出的模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="width:350px;margin-left:-175px">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header bg-color">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <p class="modal-title text-center " id="myModalLabel">
                    提示消息
                </p>
            </div>
            <div class="modal-body text-center">
                是否确认删除?
            </div>
            <div class="modal-footer text-center">
                <button type="button" class="btn bg-color span2" data-dismiss="modal" >取消
                </button>
                <button type="button" class="btn bg-color2 span2">
                    删除
                </button>
            </div>
        </div>
    </div>
</div>

<script src="../static/js/jquery.min.js"></script>
<script src="../static/js/bootstrap.min.js"></script>
<script src="../static/js/client.js"></script>
<script src="../static/js/user/userClient.js"></script>
<script>
    laydate.render({
        elem: '#test3'
    });
    laydate.render({
        elem: '#test4'
    });
</script>

</body>
</html>
